/*
 * 1. tabbar 테스트
 *
 */
Ext.setup({
	tabletStartupScreen : "./tabletStartupScreen.png",
	phoneStartupScreen : "./phoneStartupScreen.png",
	tabletIcon : "./tabletIcon.png",
	phoneIcon : "./phoneIcon.png",
	glossOnIcon : true,
	statusBarStyle : "black",
	fullscreen : true,
	preloadImages : [],
	scope : this,
	onReady : function() {
		var bar1 = new Ext.TabBar({
			// tabbar에는 dock이 없지만 dockedItems에 들어가면 dock값이 사용됨.
			dock : 'top',
			ui : 'dark',
			items : [ {
//				iconMask : true,
				text : '1st Button',
				iconCls : 'refresh',
				activeCls : "x-tab-active",
				baseCls : "x-tab-base"
			}, {
				text : '2nd Button',
//				iconMask : true,
				iconCls : 'reply',
				activeCls : "x-tab-active",
				baseCls : "x-tab-base"
			} ],
			scroll : {
				direction : 'horizontal',
				useIndicators : false
			},
			layout : {
				pack : 'center'
			},
			listeners : {
				// Ext.TabBar this, Ext.Tab tab, Ext.Component card
				change : function(tabar, tab, card) {
					Ext.Msg.alert("title", tab.text);
				}
			}
		});
		var bar2 = new Ext.TabBar({
			dock : 'bottom',
			ui : 'dark',
			items : [ {
				text : '1st Refresh Button',
				iconCls : 'refresh'
			}, {
				text : '2nd Reply Button',
				iconCls : 'reply'
			} ],
			scroll : {
				direction : 'horizontal',
				useIndicators : false
			},
			layout : {
				pack : 'center'
			},
			listeners : {
				// Ext.TabBar this, Ext.Tab tab, Ext.Component card
				change : function(tabar, tab, card) {
					console.log(tab);
					console.log(card);
					console.log(bar2.setActiveItem);
				}
			}
		});
		var bar3 = new Ext.TabBar({
			ui : 'light',
			items : [ {
				text : '4st Button',
				iconCls : 'refresh'
			}, {
				text : '5nd Button',
				iconCls : 'reply'
			} ],
			layout : {
				pack : 'center'
			},
			listeners : {
				change : function(tabar, tab, card) {
					Ext.Msg.alert("Alert Box", tab.text);
				}
			}
		});
		new Ext.Panel({
			fullscreen : true,
			title : "TabBar test",
			dockedItems : [ bar1, bar2 ],
			html : 'Test Panel',
			items : [ bar3 ]
		})
	}
});